@use "sass:color";
@use "utils/horizon/icons";

@mixin light {
  --ht-font-size: 14px;
  --ht-font-size-small: 12px;
  --ht-line-height: 20px;
  --ht-line-height-small: 18px;
  --ht-font-weight: 400;
  --ht-letter-spacing: 0;
  --ht-gap-size: 6px;
  --ht-icon-size: 16px;
  --ht-table-transition: 0.2s;
  --ht-border-color: #e7e7e9;
  --ht-accent-color: #37bc6c;
  --ht-foreground-color: #353535;
  --ht-foreground-secondary-color: #727272;
  --ht-background-color: #ffffff;
  --ht-placeholder-color: #aeaeae;
  --ht-read-only-color: #727272;
  --ht-disabled-color: #aeaeae;
  --ht-shadow-color: rgba(35, 35, 38, 0.06);
  --ht-shadow-x: 0;
  --ht-shadow-y: 8px;
  --ht-shadow-blur: 16px;
  --ht-cell-horizontal-border-color: rgba(255, 255, 255, 0);
  --ht-cell-vertical-border-color: #e7e7e9;
  --ht-wrapper-border-width: 0;
  --ht-wrapper-border-radius: 12px;
  --ht-wrapper-border-color: #e7e7e9;
  --ht-row-header-odd-background-color: rgba(255, 255, 255, 0);
  --ht-row-header-even-background-color: rgba(35, 35, 38, 0.04);
  --ht-row-cell-odd-background-color: rgba(255, 255, 255, 0);
  --ht-row-cell-even-background-color: rgba(35, 35, 38, 0.04);
  --ht-cell-horizontal-padding: 12px;
  --ht-cell-vertical-padding: 8px;
  --ht-cell-editor-border-width: 2px;
  --ht-cell-editor-border-color: #37bc6c;
  --ht-cell-editor-foreground-color: #070604;
  --ht-cell-editor-background-color: #ffffff;
  --ht-cell-editor-shadow-blur-radius: 8px;
  --ht-cell-editor-shadow-color: #37bc6c;
  --ht-cell-success-background-color: rgba(55, 188, 108, 0.30);
  --ht-cell-error-background-color: rgba(250, 77, 50, 0.30);
  --ht-cell-read-only-background-color: rgba(35, 35, 38, 0.04);
  --ht-cell-selection-border-color: #37bc6c;
  --ht-cell-selection-background-color: #37bc6c;
  --ht-cell-autofill-size: 6px;
  --ht-cell-autofill-border-width: 1px;
  --ht-cell-autofill-border-radius: 4px;
  --ht-cell-autofill-border-color: #ffffff;
  --ht-cell-autofill-background-color: #37bc6c;
  --ht-cell-autofill-fill-border-color: #353535;
  --ht-cell-mobile-handle-size: 12px;
  --ht-cell-mobile-handle-border-width: 1px;
  --ht-cell-mobile-handle-border-radius: 6px;
  --ht-cell-mobile-handle-border-color: #37bc6c;
  --ht-cell-mobile-handle-background-color: rgba(55, 188, 108, 0.40);
  --ht-resize-indicator-color: #727272;
  --ht-move-backlight-color: rgba(35, 35, 38, 0.06);
  --ht-move-indicator-color: #37bc6c;
  --ht-hidden-indicator-color: #727272;
  --ht-scrollbar-border-radius: 8px;
  --ht-scrollbar-track-color: #f7f7f9;
  --ht-scrollbar-thumb-color: #aeaeae;
  --ht-header-font-weight: 400;
  --ht-header-foreground-color: #353535;
  --ht-header-background-color: #f7f7f9;
  --ht-header-highlighted-shadow-size: 1px;
  --ht-header-highlighted-foreground-color: #353535;
  --ht-header-highlighted-background-color: #ededef;
  --ht-header-active-border-color: #232326;
  --ht-header-active-foreground-color: #ffffff;
  --ht-header-active-background-color: #070604;
  --ht-header-filter-background-color: rgba(55, 188, 108, 0.30);
  --ht-header-row-foreground-color: #353535;
  --ht-header-row-background-color: #ffffff;
  --ht-header-row-highlighted-foreground-color: #353535;
  --ht-header-row-highlighted-background-color: #ededef;
  --ht-header-row-active-foreground-color: #ffffff;
  --ht-header-row-active-background-color: #070604;
  --ht-checkbox-size: 16px;
  --ht-checkbox-border-radius: 6px;
  --ht-checkbox-border-color: #aeaeae;
  --ht-checkbox-background-color: #ffffff;
  --ht-checkbox-icon-color: rgba(255, 255, 255, 0);
  --ht-checkbox-focus-border-color: #aeaeae;
  --ht-checkbox-focus-background-color: #ffffff;
  --ht-checkbox-focus-icon-color: rgba(255, 255, 255, 0);
  --ht-checkbox-focus-ring-color: #37bc6c;
  --ht-checkbox-disabled-border-color: #aeaeae;
  --ht-checkbox-disabled-background-color: #f7f7f9;
  --ht-checkbox-disabled-icon-color: rgba(255, 255, 255, 0);
  --ht-checkbox-checked-border-color: #57c784;
  --ht-checkbox-checked-background-color: #37bc6c;
  --ht-checkbox-checked-icon-color: #ffffff;
  --ht-checkbox-checked-focus-border-color: #ffffff;
  --ht-checkbox-checked-focus-background-color: #37bc6c;
  --ht-checkbox-checked-focus-icon-color: #ffffff;
  --ht-checkbox-checked-disabled-border-color: #aeaeae;
  --ht-checkbox-checked-disabled-background-color: #f7f7f9;
  --ht-checkbox-checked-disabled-icon-color: #aeaeae;
  --ht-checkbox-indeterminate-border-color: #57c784;
  --ht-checkbox-indeterminate-background-color: #37bc6c;
  --ht-checkbox-indeterminate-icon-color: #ffffff;
  --ht-checkbox-indeterminate-focus-border-color: #ffffff;
  --ht-checkbox-indeterminate-focus-background-color: #37bc6c;
  --ht-checkbox-indeterminate-focus-icon-color: #ffffff;
  --ht-checkbox-indeterminate-disabled-border-color: #aeaeae;
  --ht-checkbox-indeterminate-disabled-background-color: #f7f7f9;
  --ht-checkbox-indeterminate-disabled-icon-color: #aeaeae;
  --ht-radio-size: 16px;
  --ht-radio-border-color: #aeaeae;
  --ht-radio-background-color: #ffffff;
  --ht-radio-icon-color: rgba(255, 255, 255, 0);
  --ht-radio-focus-border-color: #aeaeae;
  --ht-radio-focus-background-color: #ffffff;
  --ht-radio-focus-icon-color: rgba(255, 255, 255, 0);
  --ht-radio-focus-ring-color: #37bc6c;
  --ht-radio-disabled-border-color: #aeaeae;
  --ht-radio-disabled-background-color: #f7f7f9;
  --ht-radio-disabled-icon-color: rgba(255, 255, 255, 0);
  --ht-radio-checked-border-color: #37bc6c;
  --ht-radio-checked-background-color: #ffffff;
  --ht-radio-checked-icon-color: #37bc6c;
  --ht-radio-checked-focus-border-color: #57c784;
  --ht-radio-checked-focus-background-color: #ffffff;
  --ht-radio-checked-focus-icon-color: #37bc6c;
  --ht-radio-checked-disabled-border-color: #aeaeae;
  --ht-radio-checked-disabled-background-color: #f7f7f9;
  --ht-radio-checked-disabled-icon-color: #aeaeae;
  --ht-icon-button-border-radius: 16px;
  --ht-icon-button-large-border-radius: 4px;
  --ht-icon-button-large-padding: 4px;
  --ht-icon-button-border-color: #f7f7f9;
  --ht-icon-button-background-color: #f7f7f9;
  --ht-icon-button-icon-color: #aeaeae;
  --ht-icon-button-hover-border-color: #ededef;
  --ht-icon-button-hover-background-color: #ededef;
  --ht-icon-button-hover-icon-color: #353535;
  --ht-icon-button-active-border-color: rgba(255, 255, 255, 0);
  --ht-icon-button-active-background-color: rgba(255, 255, 255, 0);
  --ht-icon-button-active-icon-color: #aeaeae;
  --ht-icon-button-active-hover-border-color: rgba(255, 255, 255, 0);
  --ht-icon-button-active-hover-background-color: #232326;
  --ht-icon-button-active-hover-icon-color: #ffffff;
  --ht-collapse-button-border-radius: 16px;
  --ht-collapse-button-open-border-color: rgba(255, 255, 255, 0);
  --ht-collapse-button-open-background-color: rgba(255, 255, 255, 0);
  --ht-collapse-button-open-icon-color: #727272;
  --ht-collapse-button-open-icon-active-color: #aeaeae;
  --ht-collapse-button-open-hover-border-color: rgba(255, 255, 255, 0);
  --ht-collapse-button-open-hover-background-color: rgba(35, 35, 38, 0.06);
  --ht-collapse-button-open-hover-icon-color: #353535;
  --ht-collapse-button-open-hover-icon-active-color: #ffffff;
  --ht-collapse-button-close-border-color: rgba(255, 255, 255, 0);
  --ht-collapse-button-close-background-color: rgba(255, 255, 255, 0);
  --ht-collapse-button-close-icon-color: #727272;
  --ht-collapse-button-close-icon-active-color: #aeaeae;
  --ht-collapse-button-close-hover-border-color: rgba(255, 255, 255, 0);
  --ht-collapse-button-close-hover-background-color: rgba(35, 35, 38, 0.06);
  --ht-collapse-button-close-hover-icon-color: #353535;
  --ht-collapse-button-close-hover-icon-active-color: #ffffff;
  --ht-button-border-radius: 24px;
  --ht-button-horizontal-padding: 16px;
  --ht-button-vertical-padding: 8px;
  --ht-primary-button-border-color: rgba(255, 255, 255, 0);
  --ht-primary-button-foreground-color: #ffffff;
  --ht-primary-button-background-color: #37bc6c;
  --ht-primary-button-disabled-border-color: rgba(255, 255, 255, 0);
  --ht-primary-button-disabled-foreground-color: #aeaeae;
  --ht-primary-button-disabled-background-color: #dae5df;
  --ht-primary-button-hover-border-color: rgba(255, 255, 255, 0);
  --ht-primary-button-hover-foreground-color: #ffffff;
  --ht-primary-button-hover-background-color: #32a961;
  --ht-primary-button-focus-border-color: #ffffff;
  --ht-primary-button-focus-foreground-color: #ffffff;
  --ht-primary-button-focus-background-color: #37bc6c;
  --ht-secondary-button-border-color: #e7e7e9;
  --ht-secondary-button-foreground-color: #37bc6c;
  --ht-secondary-button-background-color: #ffffff;
  --ht-secondary-button-disabled-border-color: #e7e7e9;
  --ht-secondary-button-disabled-foreground-color: #aeaeae;
  --ht-secondary-button-disabled-background-color: #f7f7f9;
  --ht-secondary-button-hover-border-color: #e7e7e9;
  --ht-secondary-button-hover-foreground-color: #37bc6c;
  --ht-secondary-button-hover-background-color: #ededef;
  --ht-secondary-button-focus-border-color: #e7e7e9;
  --ht-secondary-button-focus-foreground-color: #37bc6c;
  --ht-secondary-button-focus-background-color: #ffffff;
  --ht-comments-textarea-horizontal-padding: 12px;
  --ht-comments-textarea-vertical-padding: 8px;
  --ht-comments-textarea-border-width: 1px;
  --ht-comments-textarea-border-color: rgba(255, 255, 255, 0);
  --ht-comments-textarea-foreground-color: #353535;
  --ht-comments-textarea-background-color: #f7f7f9;
  --ht-comments-textarea-focus-border-width: 1px;
  --ht-comments-textarea-focus-border-color: #37bc6c;
  --ht-comments-textarea-focus-foreground-color: #353535;
  --ht-comments-textarea-focus-background-color: #ffffff;
  --ht-comments-indicator-size: 6px;
  --ht-comments-indicator-color: #37bc6c;
  --ht-license-horizontal-padding: 16px;
  --ht-license-vertical-padding: 8px;
  --ht-license-foreground-color: #353535;
  --ht-license-background-color: #f7f7f9;
  --ht-link-color: #37bc6c;
  --ht-link-hover-color: #32a961;
  --ht-input-border-width: 1px;
  --ht-input-border-radius: 6px;
  --ht-input-horizontal-padding: 16px;
  --ht-input-vertical-padding: 8px;
  --ht-input-border-color: #e7e7e9;
  --ht-input-foreground-color: #353535;
  --ht-input-background-color: #f7f7f9;
  --ht-input-hover-border-color: #e7e7e9;
  --ht-input-hover-foreground-color: #353535;
  --ht-input-hover-background-color: #ffffff;
  --ht-input-disabled-border-color: #e7e7e9;
  --ht-input-disabled-foreground-color: #aeaeae;
  --ht-input-disabled-background-color: #ffffff;
  --ht-input-focus-border-color: #37bc6c;
  --ht-input-focus-foreground-color: #353535;
  --ht-input-focus-background-color: #ffffff;
  --ht-menu-border-width: 0;
  --ht-menu-border-radius: 12px;
  --ht-menu-horizontal-padding: 0;
  --ht-menu-vertical-padding: 12px;
  --ht-menu-item-horizontal-padding: 8px;
  --ht-menu-item-vertical-padding: 8px;
  --ht-menu-border-color: #e7e7e9;
  --ht-menu-shadow-x: 0;
  --ht-menu-shadow-y: 8px;
  --ht-menu-shadow-blur: 16px;
  --ht-menu-shadow-color: rgba(35, 35, 38, 0.06);
  --ht-menu-item-hover-color: rgba(55, 188, 108, 0.08);
  --ht-menu-item-active-color: rgba(55, 188, 108, 0.12);
  --ht-dialog-semi-transparent-background-color: rgba(255, 255, 255, 0.80);
  --ht-dialog-solid-background-color: #ffffff;
  --ht-dialog-content-padding-horizontal: 12px;
  --ht-dialog-content-padding-vertical: 12px;
  --ht-dialog-content-border-radius: 16px;
  --ht-dialog-content-background-color: #f7f7f9;
  --ht-pagination-bar-foreground-color: #353535;
  --ht-pagination-bar-background-color: #f7f7f9;
  --ht-pagination-bar-horizontal-padding: 16px;
  --ht-pagination-bar-vertical-padding: 8px;
}

@mixin dark {
  --ht-border-color: #222222;
  --ht-accent-color: #f1b93e;
  --ht-foreground-color: #b5b5b9;
  --ht-foreground-secondary-color: #aeaeae;
  --ht-background-color: #070604;
  --ht-placeholder-color: #727272;
  --ht-read-only-color: #aeaeae;
  --ht-disabled-color: #727272;
  --ht-shadow-color: rgba(0, 0, 0, 0.80);
  --ht-cell-horizontal-border-color: rgba(0, 0, 0, 0);
  --ht-cell-vertical-border-color: #222222;
  --ht-wrapper-border-color: #222222;
  --ht-row-header-odd-background-color: rgba(0, 0, 0, 0);
  --ht-row-header-even-background-color: rgba(209, 209, 212, 0.06);
  --ht-row-cell-odd-background-color: rgba(0, 0, 0, 0);
  --ht-row-cell-even-background-color: rgba(209, 209, 212, 0.06);
  --ht-cell-editor-border-color: #f1b93e;
  --ht-cell-editor-foreground-color: #ffffff;
  --ht-cell-editor-background-color: #070604;
  --ht-cell-editor-shadow-color: #f1b93e;
  --ht-cell-success-background-color: rgba(68, 200, 121, 0.30);
  --ht-cell-error-background-color: rgba(251, 98, 75, 0.30);
  --ht-cell-read-only-background-color: rgba(209, 209, 212, 0.04);
  --ht-cell-selection-border-color: #f1b93e;
  --ht-cell-selection-background-color: #f1b93e;
  --ht-cell-autofill-border-color: #070604;
  --ht-cell-autofill-background-color: #f1b93e;
  --ht-cell-autofill-fill-border-color: #b5b5b9;
  --ht-cell-mobile-handle-border-color: #f1b93e;
  --ht-cell-mobile-handle-background-color: rgba(241, 185, 62, 0.40);
  --ht-resize-indicator-color: #aeaeae;
  --ht-move-backlight-color: rgba(209, 209, 212, 0.06);
  --ht-move-indicator-color: #f1b93e;
  --ht-hidden-indicator-color: #aeaeae;
  --ht-scrollbar-track-color: #19191c;
  --ht-scrollbar-thumb-color: #727272;
  --ht-header-foreground-color: #b5b5b9;
  --ht-header-background-color: #19191c;
  --ht-header-highlighted-foreground-color: #b5b5b9;
  --ht-header-highlighted-background-color: #2d2d30;
  --ht-header-active-border-color: #d7a52a;
  --ht-header-active-foreground-color: #070604;
  --ht-header-active-background-color: #f1b93e;
  --ht-header-filter-background-color: rgba(68, 200, 121, 0.30);
  --ht-header-row-foreground-color: #b5b5b9;
  --ht-header-row-background-color: #070604;
  --ht-header-row-highlighted-foreground-color: #b5b5b9;
  --ht-header-row-highlighted-background-color: #2d2d30;
  --ht-header-row-active-foreground-color: #070604;
  --ht-header-row-active-background-color: #f1b93e;
  --ht-checkbox-border-color: #727272;
  --ht-checkbox-background-color: #070604;
  --ht-checkbox-icon-color: rgba(0, 0, 0, 0);
  --ht-checkbox-focus-border-color: #727272;
  --ht-checkbox-focus-background-color: #070604;
  --ht-checkbox-focus-icon-color: rgba(0, 0, 0, 0);
  --ht-checkbox-focus-ring-color: #f1b93e;
  --ht-checkbox-disabled-border-color: #727272;
  --ht-checkbox-disabled-background-color: #19191c;
  --ht-checkbox-disabled-icon-color: rgba(0, 0, 0, 0);
  --ht-checkbox-checked-border-color: #d7a52a;
  --ht-checkbox-checked-background-color: #f1b93e;
  --ht-checkbox-checked-icon-color: #050506;
  --ht-checkbox-checked-focus-border-color: #070604;
  --ht-checkbox-checked-focus-background-color: #f1b93e;
  --ht-checkbox-checked-focus-icon-color: #070604;
  --ht-checkbox-checked-disabled-border-color: #727272;
  --ht-checkbox-checked-disabled-background-color: #19191c;
  --ht-checkbox-checked-disabled-icon-color: #727272;
  --ht-checkbox-indeterminate-border-color: #d7a52a;
  --ht-checkbox-indeterminate-background-color: #f1b93e;
  --ht-checkbox-indeterminate-icon-color: #070604;
  --ht-checkbox-indeterminate-focus-border-color: #070604;
  --ht-checkbox-indeterminate-focus-background-color: #f1b93e;
  --ht-checkbox-indeterminate-focus-icon-color: #070604;
  --ht-checkbox-indeterminate-disabled-border-color: #727272;
  --ht-checkbox-indeterminate-disabled-background-color: #19191c;
  --ht-checkbox-indeterminate-disabled-icon-color: #727272;
  --ht-radio-border-color: #727272;
  --ht-radio-background-color: #070604;
  --ht-radio-icon-color: rgba(0, 0, 0, 0);
  --ht-radio-focus-border-color: #727272;
  --ht-radio-focus-background-color: #070604;
  --ht-radio-focus-icon-color: rgba(0, 0, 0, 0);
  --ht-radio-focus-ring-color: #f1b93e;
  --ht-radio-disabled-border-color: #727272;
  --ht-radio-disabled-background-color: #19191c;
  --ht-radio-disabled-icon-color: rgba(0, 0, 0, 0);
  --ht-radio-checked-border-color: #f1b93e;
  --ht-radio-checked-background-color: #070604;
  --ht-radio-checked-icon-color: #f1b93e;
  --ht-radio-checked-focus-border-color: #d7a52a;
  --ht-radio-checked-focus-background-color: #070604;
  --ht-radio-checked-focus-icon-color: #f1b93e;
  --ht-radio-checked-disabled-border-color: #727272;
  --ht-radio-checked-disabled-background-color: #19191c;
  --ht-radio-checked-disabled-icon-color: #727272;
  --ht-icon-button-border-color: #19191c;
  --ht-icon-button-background-color: #19191c;
  --ht-icon-button-icon-color: #727272;
  --ht-icon-button-hover-border-color: #2d2d30;
  --ht-icon-button-hover-background-color: #2d2d30;
  --ht-icon-button-hover-icon-color: #b5b5b9;
  --ht-icon-button-active-border-color: rgba(0, 0, 0, 0);
  --ht-icon-button-active-background-color: rgba(0, 0, 0, 0);
  --ht-icon-button-active-icon-color: #727272;
  --ht-icon-button-active-hover-border-color: rgba(0, 0, 0, 0);
  --ht-icon-button-active-hover-background-color: #f2c051;
  --ht-icon-button-active-hover-icon-color: #070604;
  --ht-collapse-button-open-border-color: rgba(0, 0, 0, 0);
  --ht-collapse-button-open-background-color: rgba(0, 0, 0, 0);
  --ht-collapse-button-open-icon-color: #aeaeae;
  --ht-collapse-button-open-icon-active-color: #727272;
  --ht-collapse-button-open-hover-border-color: rgba(0, 0, 0, 0);
  --ht-collapse-button-open-hover-background-color: rgba(209, 209, 212, 0.06);
  --ht-collapse-button-open-hover-icon-color: #b5b5b9;
  --ht-collapse-button-open-hover-icon-active-color: #070604;
  --ht-collapse-button-close-border-color: rgba(0, 0, 0, 0);
  --ht-collapse-button-close-background-color: rgba(0, 0, 0, 0);
  --ht-collapse-button-close-icon-color: #aeaeae;
  --ht-collapse-button-close-icon-active-color: #727272;
  --ht-collapse-button-close-hover-border-color: rgba(0, 0, 0, 0);
  --ht-collapse-button-close-hover-background-color: rgba(209, 209, 212, 0.06);
  --ht-collapse-button-close-hover-icon-color: #b5b5b9;
  --ht-collapse-button-close-hover-icon-active-color: #070604;
  --ht-primary-button-border-color: rgba(0, 0, 0, 0);
  --ht-primary-button-foreground-color: #070604;
  --ht-primary-button-background-color: #f1b93e;
  --ht-primary-button-disabled-border-color: rgba(0, 0, 0, 0);
  --ht-primary-button-disabled-foreground-color: #727272;
  --ht-primary-button-disabled-background-color: #262624;
  --ht-primary-button-hover-border-color: rgba(0, 0, 0, 0);
  --ht-primary-button-hover-foreground-color: #070604;
  --ht-primary-button-hover-background-color: #f2c051;
  --ht-primary-button-focus-border-color: #070604;
  --ht-primary-button-focus-foreground-color: #070604;
  --ht-primary-button-focus-background-color: #f1b93e;
  --ht-secondary-button-border-color: #222222;
  --ht-secondary-button-foreground-color: #f1b93e;
  --ht-secondary-button-background-color: #070604;
  --ht-secondary-button-disabled-border-color: #222222;
  --ht-secondary-button-disabled-foreground-color: #727272;
  --ht-secondary-button-disabled-background-color: #19191c;
  --ht-secondary-button-hover-border-color: #222222;
  --ht-secondary-button-hover-foreground-color: #f1b93e;
  --ht-secondary-button-hover-background-color: #2d2d30;
  --ht-secondary-button-focus-border-color: #222222;
  --ht-secondary-button-focus-foreground-color: #f1b93e;
  --ht-secondary-button-focus-background-color: #070604;
  --ht-comments-textarea-border-color: rgba(0, 0, 0, 0);
  --ht-comments-textarea-foreground-color: #b5b5b9;
  --ht-comments-textarea-background-color: #19191c;
  --ht-comments-textarea-focus-border-color: #f1b93e;
  --ht-comments-textarea-focus-foreground-color: #b5b5b9;
  --ht-comments-textarea-focus-background-color: #070604;
  --ht-comments-indicator-color: #f1b93e;
  --ht-license-foreground-color: #b5b5b9;
  --ht-license-background-color: #19191c;
  --ht-link-color: #f1b93e;
  --ht-link-hover-color: #f2c051;
  --ht-input-border-color: #222222;
  --ht-input-foreground-color: #b5b5b9;
  --ht-input-background-color: #19191c;
  --ht-input-hover-border-color: #222222;
  --ht-input-hover-foreground-color: #b5b5b9;
  --ht-input-hover-background-color: #070604;
  --ht-input-disabled-border-color: #222222;
  --ht-input-disabled-foreground-color: #727272;
  --ht-input-disabled-background-color: #070604;
  --ht-input-focus-border-color: #f1b93e;
  --ht-input-focus-foreground-color: #b5b5b9;
  --ht-input-focus-background-color: #070604;
  --ht-menu-border-color: #222222;
  --ht-menu-shadow-color: rgba(0, 0, 0, 0.80);
  --ht-menu-item-hover-color: rgba(241, 185, 62, 0.08);
  --ht-menu-item-active-color: rgba(241, 185, 62, 0.12);
  --ht-dialog-semi-transparent-background-color: rgba(0, 0, 0, 0.80);
  --ht-dialog-solid-background-color: #070604;
  --ht-dialog-content-background-color: #19191c;
  --ht-pagination-bar-foreground-color: #b5b5b9;
  --ht-pagination-bar-background-color: #19191c;
}

.ht-theme-horizon,
.ht-theme-horizon-dark,
.ht-theme-horizon-dark-auto {
  @include light();
}

/* Dark mode */
.ht-theme-horizon-dark {
  @include dark();
}

/* Auto dark mode */
@media (prefers-color-scheme: dark) {
  .ht-theme-horizon-dark-auto {
    @include dark();
  }
}

/* Icons */
[class*=ht-theme-horizon] {
  @include icons.output();
}
